<template>
  <div class="hello">
  	<!--添加组件-->
    <Heada />
    <List />
    <Main />
  </div>
</template>

<script>
//引入组件
	import Heada from './Heada'
	import List from './List'
	import Main from './Main'
export default {
  name: 'HelloWorld',
  //引入组件 要放在这个vue文件的容器里
  components:{
  	Heada,
  	List,
  	Main
  },
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello{
	height: 100%;
}
</style>
